import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class SelfImage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('SelfImages')),
      body: Center(
        child: Container(
          width: 200,
          height: 300,
          // 装饰器,很多的组件都有这个属性
          decoration: BoxDecoration(color: Colors.red),
          // 假如说我们调用的组件不能修改大小，内外边距，背景色。。。等
          // 那么我们就需要在外层套上一个Container组件来做调整，可以给我们的 定制/自定义 提供很多方便
          /*
          // 通过url插入图片
          child: Image(
            image: NetworkImage(
              'https://upload.jianshu.io/users/upload_avatars/12442310/e11b2581-d89e-406e-95bc-5e1421066549.jpg',
            ),
            // 图片的展开方式
            fit: BoxFit.cover,      // 全面铺展开，适应当前盒子，但是会有裁切
            // fit: BoxFit.fill,     // 适应整个盒子，但是有拉伸
            // fit: BoxFit.fitWidth,    // 宽度全展开
            // fit: BoxFit.fitHeight,    // 高度全展开
          ),
          */

          child: Image(
            // 静态资源，导入本地图片。包括:
            // 1.项目根目录新建文件夹 images
            // 2.把需要导入的图片放到文件夹里
            // 3.在文件 pubspec.yaml 里面把图片路径配置一下,根据原有的代码提示进行修改
              //   # assets:
              //   #  - images/a_dot_burr.jpeg
            // 开始调用
            image: AssetImage('images/xinyu.jpg'),

            // 踩坑注意： 注意在 pubspec.yaml 文件中的代码缩进，缩进不到位直接报错
          ),
        ),
      ),
    );
  }
}
